// pages/feedback/feedback.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgArr: [],
    textareaValue: '',
    problemType:[
      '功能建议',
      '使用问题',
      '投诉我们',
      '其他'
    ],
    isActive:0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  //selectType选中的问题类型
  selectType(event){
    const {index} = event.currentTarget.dataset 
    this.setData({isActive:index})
  },

  //选择图片
  selectImg() {
    const { imgArr } = this.data
    wx.chooseImage({
      count: 4,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (res) => {
        // tempFilePath可以作为img标签的src属性显示图片
        console.log(res)
        const { tempFilePaths } = res
        if ((imgArr.length + tempFilePaths.length) > 4) {
          wx.showToast({
            title: '最多选择四张图片',
            icon: 'error',
            duration: 1500,
            mask: true,
          });
        } else {
          this.setData({ imgArr: [...imgArr, ...res.tempFilePaths] })
        }
      }
    })
  },

  //删除图片
  deleteImg(event) {
    // console.log('点击')
    const index = event.currentTarget.detaset
    const { imgArr } = this.data
    imgArr.splice(index, 1)
    this.setData({ imgArr: [...imgArr] })
  },

  //文本框失去焦点
  loseBlur(event) {
    console.log(event)
    const { value } = event.detail
    this.setData({ textareaValue: value })
  },


  //提交反馈
  submit() {
    const { textareaValue, imgArr } = this.data
    if (!textareaValue.trim()) {
      wx.showToast({
        title: '请填写您的问题~',
        icon:'none',
        duration: 1500,
        mask: true,
      })
      return
    }
    if(imgArr.length === 0){
      //返送文本到后台
      console.log('发送建议到后台')
      this.setData({textareaValue:''},() => {
        wx.showToast({
          title: '感谢您的建议~',
          icon: 'success',
          duration: 1500,
          mask: true,
        })
      })
      return
    }
    //上传图片到后台服务器
    imgArr.forEach((item, index) => {
      wx.uploadFile({
        //图片上传的地址
        url: 'https://images.ac.cn/api/upload/upload',
        filePath: item,
        name: 'file' + index,
        formData: {},
        success: (result) => {
          //拿到返回的外链地址拼接成数组并组合文本发送到服务器
          console.log('发送建议到后台')
          if (index === imgArr.length - 1) {
            //提交都成功了，清空页面
            this.setData({ imgArr: [], textareaValue: '' }, () => {
              wx.showToast({
                title: '感谢您的建议~',
                icon: 'success',
                duration: 1500,
                mask: true,
              })
            })
          }
        }
      });
    })
  },


})